layui.use(['element'], function () {
    $ = layui.jquery;
    element = layui.element;  //去掉小括号
    //导航的hover效果、二级菜单等功能，需要依赖element模块
    // larry-side-menu向左折叠
    if ($(window).width() < 750) {
        trun = 0;
    } else {
        trun = 1;
    }
    $('.larry-side-menu').click(function () {
        if (trun) {
            $('.x-side').animate({ left: '0px' }, 200).siblings('.x-main').animate({ left: '200px' }, 200);
            trun = 0;
        } else {
            $('.x-side').animate({ left: '-200px' }, 200).siblings('.x-main').animate({ left: '0px' }, 200);
            trun = 1;
        }
    });
    //监听导航点击
    element.on('nav(side)', function (elem) {
        title = elem.find('cite').text();
        if (title == "") return;
        url = elem.attr('_href');
        if (url == undefined || url == null || url == "") return;  //增加此行，无导航连接的不用产生tab

        for (var i = 0; i < $('.x-iframe').length; i++) {
            if ($('.x-iframe').eq(i).attr('src') == url) { //新版本的dom结构发生的变化，写法需要注意
                element.tabChange('x-tab', url); //直接使用url来作为选项卡的标识，老版本用的是数字下标。
                return;
            }
        };
        res = element.tabAdd('x-tab', {
            title: title//用于演示
            , content: '<iframe frameborder="0" src="' + url + '" class="x-iframe"></iframe>',
            id: url
        });
        element.tabChange('x-tab', url); //直接使用url来作为选项卡的标识，老版本用的是下标。
        $('.layui-tab-title li').eq(0).find('i').remove();
    });
});